import type { Meta, StoryObj } from "@storybook/react";
import React from "react";
import KxInvestmentBeforeAmountBarChart from "./index";

const meta = {
  title: "柱状图/可信投资额年度对比柱状图KxInvestmentBeforeAmountBarChart",
  component: KxInvestmentBeforeAmountBarChart,
  tags: ["autodocs"],
  argTypes: {},
  decorators: [
    (Story) => (
      <div
        style={{ backgroundColor: "#031857", height: "463px", width: "1175px" }}
      >
        <Story />
      </div>
    ),
  ],
} satisfies Meta<typeof KxInvestmentBeforeAmountBarChart>;

export default meta;
type Story = StoryObj<typeof meta>;

export const basic: Story = {
  args: {
    dataSource: [
      {
        name: "马銮湾保障房地铁社区二期A01~03地块",
        amount: 55000,
        beforeAmount: 50000,
      },
      {
        name: "马銮湾保障房地铁社区二期A04~07地块",
        amount: 48000,
        beforeAmount: 12000,
      },
      { name: "保障性住房龙泉公寓一期", amount: 32000, beforeAmount: 33000 },
      { name: "洪茂居住区一期", amount: 33000, beforeAmount: 21000 },
      { name: "东园保障性住房", amount: 18000, beforeAmount: 17000 },
    ],
  },
};
